Skip to content

core: frontend: vehiclesetup: PwmSetup: Lighten vehicle background - #4157

Open
patrickelectric wants to merge 4 commits into
bluerobotics:masterfrom
patrickelectric:lighten-pwm-vehicle
Open

core: frontend: vehiclesetup: PwmSetup: Lighten vehicle background#4157
patrickelectric wants to merge 4 commits into
bluerobotics:masterfrom
patrickelectric:lighten-pwm-vehicle

Conversation

@patrickelectric

Copy link
Copy Markdown
Member

The vehicle is almost invisible on the pwm outputs tab in dark mode.

Fix #1674

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
@github-actions

Copy link
Copy Markdown

Automated PR Review

0. Summary

  • Verdict: LGTM :shipit:

Adds color="grey lighten-3" to the v-card wrapping the vehicle-viewer in core/frontend/src/components/vehiclesetup/PwmSetup.vue so the vehicle model is visible in dark mode. Fixes #1674. Uses a Vuetify color helper that is already applied in similar contexts elsewhere in the codebase (e.g. RecordsView.vue, PullProgress.vue, several compass calibrator dialogs).

No further comments, nice job 👍

Generated by PR Review Bot. This is advisory, a human reviewer must still approve.

@joaoantoniocardoso

Copy link
Copy Markdown
Member

I'm unsure whether this tackles the issue: I can barely notice the difference in light mode, and it looks weird in dark mode:

image image

Maybe it should be less transparent, instead? Or having a transparency slider and/or a background color luminosity if we can't find good values that work for everybody?

grey lighten-3 is almost invisible in light mode and a bright
rectangle in dark mode.

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
@patrickelectric

Copy link
Copy Markdown
Member Author

@joaoantoniocardoso dropped the grey card, model is opaque now. Check now ?

@joaoantoniocardoso

Copy link
Copy Markdown
Member

@joaoantoniocardoso dropped the grey card, model is opaque now. Check now ?

I think that solves the problem of the vehicle visibility by creating another problem: now, when hovering over the motors list, we can't visually locate which motor is which in the frame.

Hovering a motor in the list needs the ghosted model to show which
one is selected.

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
…el alpha

0.05 made the vehicle disappear in dark mode.

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>
@patrickelectric

Copy link
Copy Markdown
Member Author

@joaoantoniocardoso restored transparency for hover and raised the ghost alpha. Check now ?

@joaoantoniocardoso

Copy link
Copy Markdown
Member

It does look better, but it is still difficult to identify the motors, especially in dark mode. Maybe we can tint the motor a color with good contrast against a light or dark background, say, red?

@patrickelectric

Copy link
Copy Markdown
Member Author

Ok, will take a look

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Vehicle (on pwm outputs tab) very hard to see in dark mode

2 participants